<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体字重属性(font weight attribute)</title>
  <!-- 
  font-weight 是CSS属性，用于设置文本的粗细程度或字重。font-weight 属性的总结： 
 
    1.  font-weight: normal; ：默认值，正常字重（通常为400）。 
    2.  font-weight: bold; ：粗体字重（通常为700）。 
    3.  font-weight: bolder; ：相对于父元素更粗的字重。 
    4.  font-weight: lighter; ：相对于父元素更细的字重。 
    5.  font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900; ：具体的字重数值，数值越大字体越粗。 
 
  通过设置 font-weight [ 重量 ] 属性，可以控制文本的字体粗细程度。
  -->
  <style>
    .font-weight {
      /* font-weight: 700; */
      font-weight: bold;
    }
  </style>
</head>

<body>

  <div class="font-weight">I am font weight</div>
  <div>font-weight 是CSS属性，用于设置文本的粗细程度或字重</div>

</body>

</html>